<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
		<title>个人信息</title>

		<link rel="stylesheet" type="text/css" href="../../css/person/personInfo.css" />
		<link rel="stylesheet" type="text/css" href="../../css/tool/comm.css" />
		<link rel="stylesheet" type="text/css" href="../../plugins/layer/need/layer.css" />

		<script type="text/javascript" src="../../plugins/zepto.js"></script>
  		<script type="text/javascript" src="../../js/tool/common.js"></script>
		<script type="text/javascript" src="../../js/person/personInfo.js"></script>
		<script type="text/javascript" src="../../plugins/layer/layer.js"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.zepto.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.core.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.js" type="text/javascript"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.datetime.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.select.js" type="text/javascript"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.ios.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.android.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.android-ics.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.wp.js" type="text/javascript"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.i18n.zh.js" type="text/javascript"></script>

	    <link href="../../plugins/mobiscroll/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
	    <link href="../../plugins/mobiscroll/css/mobiscroll.scroller.sense-ui.css" rel="stylesheet" type="text/css" />


	    <script type='text/javascript' src='../../plugins/upFile/js/LocalResizeIMG.js'></script>
		<script type='text/javascript' src='../../plugins/upFile/js/patch/mobileBUGFix.mini.js'></script>

		<link rel="stylesheet" type="text/css" href="../../plugins/layer/need/layer.css" />
  		<script type="text/javascript" src="../../plugins/layer/layer.js"></script>


	</head>
	<body style="background: #eee;">
		<div class="div-personInfo-top">
			<div class="div-head" >
				<span>头像</span>
				<div class="img-head-border btn" onchange="changeHead()">
					<div id="img_head_pic" class="img-head-picture"><input type="file" id="uploadphoto" name="uploadfile" style="display: block;-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0;" class="img-head-picture" /></div>
				</div>
			</div>
			<div class="div-item">
					<span style="float: left;">昵称</span>
					<input id="infoName" style="text-align: right;padding-right: 17px;" class="person-text" placeholder="请输入您的昵称" />
			</div>
		</div>

		<div class="div-personInfo-bottom">
			<div onclick="changeSexLayer()">
				<div class="div-item-noBorder">
					<span style="color: #4E443C;">性别</span>
					<span class="item-content-right">></span><span class="item-content-right" id="sexValue">男</span>
				</div>
			</div>

			<div onclick="">
				<div class="div-item">
					<div onclick="changeAddress()">
						<span style="float: left;">地址</span>
						<span id="myAddress" class="item-content-right" style="width: 68%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;text-align: right;"></span>
					</div>	
				</div>
			</div>

			<div onclick="">
				<div class="div-item">
					<span style="color: #4E443C;">出生年月</span>
					<input id="birth" style="text-align: right; padding-right: 18px; width: 68%;" class="person-text" placeholder="请输入出生年月" />
					<!-- <input name="test" id="txttest" /> -->
				</div>
			</div>

			<div class="div-item">
				<span style="float: left;">手机号</span>
				<span id="phoneNumber" class="item-content-right" style="width: 68%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;text-align: right;"></span>
			</div>
		</div>

		<div class="comm-bottom-btn" style="margin-top: 35px;">
			<span class="comm-bottom-span" onclick="changePersonInfo()">保存</span>
		</div>
	</body>

	<script type="text/javascript">
        $(function () {
            var curr = new Date().getFullYear();
            var fun = function () {
                $('#birth').scroller('destroy').scroller({
                    preset: 'date',
                    dateFormat : 'yy-mm', // 日期格式 
                    dateOrder : 'yymm', //面板中日期排列格式 
                    lang: 'zh'
                });
            }
            $('.settings select').bind('change', function () {
                fun();
            });
            fun();
        });
    </script>
</html>